<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>05 插入数据并排序</title>
</head>

<body>
    <h1>05 插入数据并排序</h1>
    <input type="text" name="" id="tex">
    <input type="button" value="插入数据" id="btn">
    <div id="box"></div>
</body>
<script src="../common.js"></script>
<script>

    // 编写一个map(arr)函数,把数组中每一个数字都增加20%，并返回新的数组

    var arr1 = [1, 2, 3, 4];

    function map(arr) {
        var newarr = []; // 空数组，存值
        for (var i = 0; i < arr.length; i++) {
            // var a = (arr[i] * 1.2).toFixed(2);
            // var num = parseInt(a);
            var num = (arr[i] * 1.2).toFixed(2);
            newarr.push(num);
        }
        return newarr;
    };

    var res = map(arr1);
    console.log(res);

    // 有一个从小到大排序的数组[1,2,5,45,46,48,123]。现输入一个数，要求按原来的规律将它插入数组中，并打印出新的数组
    (function () {
        var tex = getid('tex');
        var btn = getid('btn');
        var box = getid('box');
        var arr = [1, 2, 5, 45, 46, 48, 123];

        btn.onclick = function () {
            if (tex.value) {
                arr.push(tex.value)
                arr.sort(function (a, b) {
                    return a - b;
                });
                box.innerHTML = '[' + arr + ']';
                tex.value = ''; // 清空表单
            }
        }

        box.innerHTML = '[' + arr + ']';

    })();


</script>

</html>